实线：solid 用得多，一定要记住
虚线：dashed
双线：double
点状：dotted
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<style type="text/css">
div{
width:300px;height:100px;line-height:100px;text-align:center;background:#F7F7F7;
border-top:blue solid 1em;
border-bottom:green double 8px;
border-left:red dashed 8px;
border-right:purple dotted 4px;
}
</style>
</head>
<body>
<div>我要好好学习</div>
</body>
</html>
返回值：